<!DOCTYPE HTML>
<html>
	<head>
		<title>Tibia Website Enhancement Options</title>
		<link rel="stylesheet" type="text/css" href="./options/options.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="./options/indicator.js"></script>
		<script type="text/javascript" src="./options/stamina.js"></script>
		<script type="text/javascript" src="./options/links.js"></script>
		<script type="text/javascript" src="./options/character.js"></script>
		<script type="text/javascript" src="common.js"></script>
		<script type="text/javascript" src="./options/hoverzoom.js"></script>
	</head>
	<body onLoad="recallIndicatorOptions(); recallStamina(); recallLinks(); showCharacterList();">
<!-- Begins Wrapping -->
		<DIV id="wrapper">
			<DIV id="Content" class="Content">
				<DIV class="Box">
					<DIV class="Corner-tl"></DIV>
					<DIV class="Corner-tr"></DIV>
					<DIV class="Border_1" ></DIV>
<!-- Title -->
					<DIV class="Title">
						Tibia's Website Enhancement Options
					</DIV>
					<DIV class="Border_2">
						<DIV class="Border_3">
							<DIV class="BoxContent">
<!-- Begins "Content" -->
              <div style="text-align:right; margin-bottom:5px; margin-top:-3px;"><a href="http://code.google.com/p/tibia-website-enhancement/w/list">[User Manual]</a></div>
	<!-- Begins "entry" -->
								<DIV class="Headline">
									Who Is Online? Options
								</DIV>
								<div class="HeadlineContent" style="float:none; clear:both;">
									<form id="guild_ops" name = "guild_ops" action="javascript:;" onSubmit="saveIndicatorOptions(this.indicator, this.disable_indicator);">
										<input type="checkbox" id="disable_indicator" onchange="disableIndicators(this.checked)"/><label for="disable_indicator">Don't check for online status.</label><br>
										<div class="TableContainer">
											<div class="CaptionContainer">
												<div class="CaptionInnerContainer">
													<span class="CaptionEdgeLeftTop"></span>
													<span class="CaptionEdgeRightTop"></span>
													<span class="CaptionBorderTop"></span>
													<span class="CaptionVerticalLeft"></span>
													<div class="Text">Choose how will the Online/Offline indicator look like on the guild section.</div>
													<span class="CaptionVerticalRight"></span>
													<span class="CaptionBorderBottom"></span>
													<span class="CaptionEdgeLeftBottom"></span>
													<span class="CaptionEdgeRightBottom"></span>
												</div>
											</div>
											<div class="InnerTableContainer">
												<div id = "indicator_option">
													<table>
														<tr>	
															<td><input type="radio" name="indicator" value="icon" id="icon" onChange="indicatorOption(this.value);" /><label for="icon" class="label_push">Icon</label></td>
															<td><input type="radio" name="indicator" value="text" id="text" onChange="indicatorOption(this.value);" /><label for="text" class="label_push">Text</label></td>
															<td><input type="radio" name="indicator" value="none" id="none" onChange="indicatorOption(this.value);" /><label for="none">None</label></td>
														</tr>
													</table>
												</div>
												<div id = "indicator_result"></div>
											</div>
										</div>
										<div id = "indicator_submit" class = 'submit'><input type="submit" value="Set Online Indicator"/></div>
									</form>	
								</div>
	<!-- Ends "entry" -->
	<!-- Begins "entry" -->
								<DIV class="Headline">
									Stamina Notifications
								</DIV>
								<div class="HeadlineContent" style="float:none; clear:both;">
									<form id="stamina_form" action="javascript:;" onSubmit="saveStamina(this.hours.value, this.mins.value, this.premmy.checked)";>
										Select the stamina left on your character:<br>
											<label for="hours">Hours:</label>
											<input type="number" name="hours" max="42" min="0" step="1" value="42" oninput="staminaHourChange(this, this.parentElement.mins, this.parentElement.premmy);" />
											<label for="mins">Minutes:</label>
											<input type="number" name="mins" max="59" min="0" step="1" value="0" oninput="this.value = this.value<0 ? 0 : this.value; this.value = this.value>59 ? 59 : this.value;" disabled/>
											<label for="premmy">Premium:</label>
											<input type="checkbox" name="premmy" disabled/>
										<div id = "stamina_submit" class = 'submit'>
											<input type="submit" value="Notify Me!" />
										</div>
									</form>
								</div>
	<!-- Ends "entry" -->
	<!-- Begins "entry" -->
								<DIV class="Headline">
									Character Notifications
								</DIV>
								<div class="HeadlineContent" style="float:none; clear:both;">
									<form id="charNotifications" action="javascript:;" onsubmit="saveCharacterInfo(this.character.value)">
										<input type="text" name="character" /> 
										<input type="submit" name="submit" value="Add Character"/>
										<label for="charNotOnStart">Notify on Start?</label>
										<input type="checkbox" name="charNotOnStart" id="charNotOnStart" onchange="localStorage.charNotOnStart = this.checked; _trackOption('Notify Character', this.checked ? 'set' : 'unset', 'on Start');"/>
									</form>
									<div id="charList"></div>
									<br>
								</div>
	<!-- Ends "entry" -->
	<!-- Begins "entry" -->
								<DIV class="Headline">
									Link to Websites
								</DIV>
								<div class="HeadlineContent" style="float:none; clear:both;">
									<form id="links" action="javascript:;" onSubmit="saveLinks(tml,exh); setLinkPages(forum_links, guild_links, false);">
										<div class="TableContainer">
                      <div class="CaptionContainer">
                        <div class="CaptionInnerContainer">
                          <span class="CaptionEdgeLeftTop"></span>
                          <span class="CaptionEdgeRightTop"></span>
                          <span class="CaptionBorderTop"></span>
                          <span class="CaptionVerticalLeft"></span>
                          <div class="Text">Choose the websites you would like to link:</div>
                          <span class="CaptionVerticalRight"></span>
                          <span class="CaptionBorderBottom"></span>
                          <span class="CaptionEdgeLeftBottom"></span>
                          <span class="CaptionEdgeRightBottom"></span>
                        </div>
                      </div>
                      <div class="InnerTableContainer">
                        <input type="checkbox" name="tml" id="tml" /><label for="tml"><img height="16px" src="images/tibiaml.png" title="Tibia ML" /><span class="vmiddle"> Tibia ML</span></label><br>
                        <input type="checkbox" name="exh" id="exh" /><label for="exh"><img height="16px" src="images/exhiti.png" title="Exhiti" /><span class="vmiddle"> Exhiti</span></label><br>
                      </div>
                    </div>
										<div class="TableContainer">
											<div class="CaptionContainer">
												<div class="CaptionInnerContainer">
													<span class="CaptionEdgeLeftTop"></span>
													<span class="CaptionEdgeRightTop"></span>
													<span class="CaptionBorderTop"></span>
													<span class="CaptionVerticalLeft"></span>
													<div class="Text">Choose where should this icons be displayed:</div>
													<span class="CaptionVerticalRight"></span>
													<span class="CaptionBorderBottom"></span>
													<span class="CaptionEdgeLeftBottom"></span>
													<span class="CaptionEdgeRightBottom"></span>
												</div>
											</div>
											<div class="InnerTableContainer">
												<input type="checkbox" name="forum_links" id="forum_links" /><label for="forum_links">Forum</label><br>
												<input type="checkbox" name="guild_links" id="guild_links" /><label for="guild_links">Guild Section</label><br>
												<!--<input type="checkbox" name="world_links" id="world_links" /><label for="world_links">Who is Online?</label><br>-->
											</div>
										</div>
										<div class = 'submit'>
											<input type='submit' value='Save Links' />
										</div>
									</form>
								</div>
	<!-- Ends "entry" -->
	<!-- Begins "entry" -->
								<DIV class="Headline">
									Fansite Image Zoomer
								</DIV>
								<div class="HeadlineContent" style="float:none; clear:both;">
									<form id="ZoomerOptions" action="javascript:;" onsubmit="saveOptions()">
										<input type="checkbox" id="disable_zoomer" onchange="disableZoomer(this.checked)"/><label for="disable_zoomer">Don't use Image Zoomer.</label><br>
										<div class="TableContainer">
											<div class="CaptionContainer">
												<div class="CaptionInnerContainer">
													<span class="CaptionEdgeLeftTop"></span>
													<span class="CaptionEdgeRightTop"></span>
													<span class="CaptionBorderTop"></span>
													<span class="CaptionVerticalLeft"></span>
													<div class="Text">Change the options for the Image Zoomer:</div>
													<span class="CaptionVerticalRight"></span>
													<span class="CaptionBorderBottom"></span>
													<span class="CaptionEdgeLeftBottom"></span>
													<span class="CaptionEdgeRightBottom"></span>
												</div>
											</div>
											<div class="InnerTableContainer">
												<input type="checkbox" id="actionKey" name="actionKey"> <label for="actionKey">Only show pictures if a key is held down:</label>
												<select id="selActionKey">
													<option value="16">Shift</option>
													<option value="17">Ctrl</option>
												</select><br>
												<input type="checkbox" id="showCaptions"> <label for="showCaptions">Show pictures captions.</label><br>
												<input type="checkbox" id="addToHistory"> <label for="addToHistory">Add viewed pictures to the browser's history.</label><br>
											</div>
										</div>
										<div class = 'submit'>
											<input type="submit" value="Save Image Options" id="btnSave"/>
											</div>
									</form>
								</div>
	<!-- Ends "entry" -->
									</DIV>
								</DIV>
							<div id='reset'><a href="javascript:;" onclick="localStorage.clear(); initialize(); recallIndicatorOptions(); staminaForm(); recallLinks(); showCharacterList(); restoreOptions(); _trackReset(); alert('Options have successfully been reset.');">[Reset Defaults]</a></div>
							</DIV>
<!-- Ends "Content" -->
							<DIV class="Border_1"></DIV>
							<DIV class="CornerWrapper-b">
								<DIV class="Corner-bl"></DIV>
							</DIV>
							<DIV class="CornerWrapper-b">
								<DIV class="Corner-br"></DIV>
							</DIV>
					</DIV>
				</DIV>
			</DIV>
<!-- Ends Wrapping -->
		<div id="footer">
			Tibia Website Ehnancement Extension &copy; by Goodwine &amp; <a href="http://www.tibiaml.com">Tibia ML</a>.<br>
			<a href="license.html">BSD License</a> - 
			<a href="mailto:goodvvine@gmail.com;">Contact Developer</a> - 
			<a href="http://code.google.com/p/tibia-website-enhancement/issues/list">Report a Bug</a>
			<br>
			<a href="http://www.tibia.com">Tibia</a> is copyrighted by CipSoft GmbH.<br>
		</div>
	</BODY>
	<script>
	</script>
</html>
